#root {
  height: 100vh;
  text-align: center;
  width: 100vw;
  background-color: rgb(231, 238, 246);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  /* table-layout: fixed; */
  overflow-x: scroll;
  width: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
  display: block;
}

td, th {
  white-space: nowrap;
  padding: 8px 14px;
  border: 1px solid #e6e6e6;
}

/* .table-container {
  overflow-x: scroll;
  max-width: 100%;
  margin: 1rem 0;
} */
/* 
.table-container table {
  border-collapse: collapse;
  width: max-content;
  min-width: 600px;
} */

.logo-container {
  padding: 6vh 0;
  position: relative;
} 

.logo {
  height: 300px;
  border-radius: 50%;
  /* border: 2px solid var(--shining-color); */
}

@keyframes logo-shining {
  0% {
    transform: scale(1);
    /* opacity: 0.7; */
  }
  50% {
    transform: scale(0.9);
    /* opacity: 1; */
  }
  100% {
    transform: scale(1);
    /* opacity: 0.7; */
  }
}

@media (prefers-reduced-motion: no-preference) {
  .logo {
    animation: logo-shining 3s ease-in-out infinite;
  }
}

.card {
  padding: 2em;
}

.read-the-docs {
  color: #888;
}

.shine-text {
  position: relative;
  overflow: hidden;
}

.shine-text::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(-50deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);
  animation: shine 2s infinite;
}

@keyframes shine {
  0% {
    left: -75%;
  }

  100% {
    left: 125%;
  }
}

.scrollbar::-webkit-scrollbar {
  width: 2px;
  /* 垂直滚动条宽度 */
  height: 2px;
  /* 水平滚动条高度 */
}


.scrollbar::-webkit-scrollbar-track {
  background: transparent;
  /* 轨道颜色 */
  border-radius: 10px;
}

.scrollbar:hover::-webkit-scrollbar-thumb {
  background: transparent;
  /* 拖动块颜色 */
  border-radius: 10px;
}

.scrollbar:hover::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
  background: #b4b4b4;
  /* 拖动块 hover 状态颜色 */
}

.voice-chat-spin > .ant-spin-container {
  height: 100%;
}

.voice-chat-spin > div > .ant-spin {
  max-height: initial;
}